<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ardunio</title>
    <!-- 引入facicon.ico网页图标 -->
	<link rel="shortcut icon" href="../favicon.ico"  type="image/x-icon"/> 
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="../layui/dist/css/layui.css">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="../css/style.css">
    <!-- 内容排版 -->
    <link rel="stylesheet" href="../css/typo.css">
    <!-- 动画效果 -->
    <link rel="stylesheet" href="../css/animate.css">
    <!-- 代码高亮  -->
    <link rel="stylesheet" href="../lib/prism/prism.css">
    <!-- 目录生成 Tocbot -->
    <link rel="stylesheet" href="../lib/tocbot/tocbot.css">
    
</head>
<body>
   
    <div class="layui-row w">
        <div class="layui-col-xs6 layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header m-card-header">Ardunio</div>
                <div class="layui-card-body typo  typo-selection text js-toc-content">
                    <b style="font-size: 18px;">目录</b>
                    <ol id="table" style="text-decoration:none;">
                      <li><a href="#section1">1. Ardunio简介</a></li>
                      <li><a href="#section2">2. 入门Ardunio</a>
                        <ol>
                          <li><a href="#section2-2">2.2 视频推荐</a></li>
                        </ol>
                      </li>
                    </ol>
                    
                    <h2 id="section1">1. Ardunio简介 </h2>
                   
                    <p>Arduino是一款便捷灵活、方便上手的开源电子原型平台。包含硬件（各种型号的Arduino板）和软件（ArduinoIDE）。由一个欧洲开发团队于2005年冬季开发。</p>
                    <p>它构建于开放原始码simple I/O介面版，并且具有使用类似Java、C语言的Processing/Wiring开发环境。主要包含两个的部分：硬件部分是可以用来做电路连接的Arduino电路板；另外一个则是Arduino IDE，你的计算机中的程序开发环境。你只要在IDE中编写程序代码，将程序上传到Arduino电路板后，程序便会告诉Arduino电路板要做些什么了。</p>
                    <h2 id="section2">2. 入门Ardunio </h2>
                    <p>对于Arduino版的控制，Arduino官方推出了一款软件<mark>Arduino IDE</mark>用于编辑Arduino板所用程序</p>
                    <p>Arduino可以理解为加强版的单片机，功能更强大，使用更简单。它资源丰富，随便搜一个传感器+arduino，在google上都有一堆的软件可以借鉴。
                        对于想快速做出一个产品不想被底层原理弄晕的同学可以入手。它不需要非专业人士考虑时序定时等复杂的问题，可以用函数调用的方式去写程序了，避免底层的复杂而又可以用到单片机绝大部分的功能了。就仿佛C语言之于汇编语言一样。
                    </p>
                    <h2 id="section2-2">2.2 视频推荐</h2>
                    <p>强力推荐这位台湾老师，声音爱了，当然教的也很好(๑＞ڡ＜)☆</p>
                    <p><a href="https://www.bilibili.com/video/BV1YW411Z76E?spm_id_from=333.999.0.0" target="_blank">佑來老师的教程</a></p>
                    
                    <p>太极创客也是声音醉了 要是有女孩纸学一定会爱上他的</p>
                    <p><a href="https://space.bilibili.com/103589285/channel/detail?cid=82693&ctype=0" target="_blank">太极创客团队Arduino教程合辑</a></p>
                    
                    <p>以上提及所有视频项目资料在<mark>右边qq群</mark>里</p>
                </div>
            </div>
        </div>
    </div>

   

<div id="toc"  style=" display:none;">
    <ol class="js-toc">
    </ol>
</div>
<div id="qq"  style=" display:none;">
   <img src="/img/QQ.png" alt="">
</div>

    <!-- 引入 layui.js -->
    <script src="../layui/dist/layui.js"></script>
<script src="../lib/prism/prism.js"></script>
<script src="../lib/tocbot/tocbot.min.js"></script>
<script>
    layui.use(['util', 'laydate', 'layer'], function(){
      var util = layui.util
      ,laydate = layui.laydate
      ,$ = layui.$
      ,layer = layui.layer;
      //固定块
      util.fixbar({
        bar1: '&#xe705;'
        ,bar2: '&#xe676;'
        ,css: {right: 50, bottom:20}
        ,bgcolor: '#5FB878'
        ,click: function(type){
          if(type === 'bar1'){
            //页面层-自定义
            mainIndex = layer.open({
                type: 1, 
                title: ['目录', 'font-size:18px;text-align:right;'],
                content: $('#toc'),
                offset: 'r',
                anim: 5,
                resize:false,
                shade:0
            });
          } else if(type === 'bar2') {
           //页面层-自定义
           mainIndex = layer.open({
                type: 1, 
                title: false,
                content: $('#qq'),
                anim: 5,
                resize:false,
                closeBtn: 0,
                shade: [0.7, '#393D49'],
                shadeClose:true,
                time: 60000
            });
          }
        }
      });
    });   
</script> 
 <script>
     //生成目录的初始化
     tocbot.init({
        //目录生成的位置
        tocSelector: '.js-toc',
        // 那些要生成目录
        contentSelector: '.js-toc-content',
        //目录级别
        headingSelector: 'h1, h2, h3',
    });

    
 </script>
</body>
</html>